page {
		background-color: #e8e8e8;
		padding: 20rpx 30rpx 0;
		.block {
			width: 690rpx;
			border-radius: 10rpx;
			overflow: hidden;
			margin-bottom: 20rpx;
				
			.block-title {
				height: 90rpx;
				line-height: 90rpx;
				padding: 0 30rpx;
				font-weight: bold;
				color: #fff;
				font-size: 30rpx;
			}
			.block-content{
				background-color: #fff;
			}
			.tab-nav {
				height: 96rpx;
				padding: 0 64rpx;
				width: 100%;
				background-color: #fff;

				.tab-item {
					flex-grow: 1;
					width: 33%;
					height: 90rpx;
					line-height: 90rpx;
					text-align: center;
					color: #666;
					font-size: 30rpx;
					position: relative;

					text {
						position: relative;
					}
				}

				.edit {
					&:after {
						width: 8rpx;
						height: 8rpx;
						background-color: #D52100;
						border-radius: 50%;
						position: absolute;
						content: '';
						right: -18rpx;
						top: -2rpx;
					}
				}

				.active-item {
					color: #333;

					&:after {
						content: '';
						width: 60rpx;
						height: 6rpx;
						background: #5374F7;
						position: absolute;
						left: 0;
						right: 0;
						bottom: 6rpx;
						margin: 0 auto;
					}
				}
			}

			.info-content {
				padding: 0 30rpx;

				.group-info-item {
					color: #333;
					font-size: 26rpx;
					line-height: 48rpx;
					height: 48rpx;

					.info-item-title {
						min-width: 130rpx;
						text-align: right;
					}

					.info-item-content {
						margin-left: 24rpx;
						width:200rpx;
						flex-grow: 1;
						input{
							width: 100%;
							height: 100%;
							font-size: 26rpx;
						}
						.upload-btn{
							width: 160rpx;
							height: 50rpx;
							background: #fff;
							border: 1px solid #5374F7;
							text-align: center;
							line-height: 48rpx;
							color: #5374F7;
							font-size: 24rpx;
							flex-shrink: 0;
						}
						.file-name{
							color: #999;
							font-size:24rpx;
							margin-left:10rpx;
							flex-grow: 1;
							overflow: hidden;
							text-overflow: ellipsis;
							white-space: nowrap;
						}
						.template-download{
							color: #5374F7;
							font-size: 22rpx;
							.download-icon{
								width: 22rpx;
								height: 22rpx;
								border-radius: 11rpx;
								background-color: #5374F7;
								position: relative;
								margin-left: 10rpx;
								uni-icons{
									width: 16rpx;
									height: 16rpx;
									line-height: 16rpx;
								}
							}
						}
					}
				}
				.submit-btn{
					width: 260rpx;
					height:60rpx;
					text-align: center;
					line-height: 60rpx;
					color: #fff;
					font-size: 30rpx;
					background-color: #5374F7;
					border-radius: 30rpx;
					margin: 10rpx auto 23rpx;
				}
				.member-count {
					color: #F39800;
					font-size: 22rpx;
					line-height: 48rpx;
					height: 48rpx;
				}
			}

			.edit-block {
				.group-info-item {
					line-height: 56rpx;
					height: 56rpx;
				}

				.edit-info-item {
					height: 78rpx;
					line-height: 76rpx;
					border-top: 1PX solid #ddd;
				}
			}

			.search-block {
				padding: 30rpx;
				.search-para {
					margin-bottom: 30rpx;
					.search-wrap {
						width: 430rpx;
						height: 60rpx;
						position: relative;
						.input-wrap {
							width: 430rpx;
							height: 60rpx;
							border: 1PX solid #DDDDDD;
							border-radius: 30px;
							padding: 0 5rpx;
							position: relative;
							z-index: 2;
							.keyword-input {
								height: 100%;
								flex-grow: 1;
								font-size: 26rpx;
								padding-left: 26rpx;
							}

							.search-btn {
								width: 100rpx;
								height: 50rpx;
								text-align: center;
								line-height: 50rpx;
								color: #fff;
								font-size: 26rpx;
								background: rgb(83, 116, 247);
								border-radius: 30rpx;
							}
						}
					}
					.search-key-wrap {
						z-index: 1;
						width: 428rpx;
						min-height: 212rpx;
						background: #fff;
						border-radius: 30rpx 30rpx 6rpx 6rpx;
						position: absolute;
						box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, .2);
						top: 0;
						left: 0;
						right: 0;
						margin: 0 auto;
						padding: 84rpx 30rpx 6rpx;

						.no-history {
							color: #333;
							font-size: 24rpx;
							line-height: 40rpx;
							float: left;
						}

						.search-key-item {
							min-width: 60rpx;
							height: 40rpx;
							line-height: 40rpx;
							background: #eee;
							border-radius: 20rpx;
							float: left;
							margin-right: 30rpx;
							margin-bottom: 24rpx;
							padding: 0 22rpx;
							color: #333;
							font-size: 24rpx;
							text-align: center;
						}
					}
				}
			}
		}
		.add-group {
			width: 170rpx;
			height: 60rpx;
			border: 1PX solid #5374F7;
			border-radius: 30rpx;
			text-align: center;
			line-break: 60rpx;
			color: #5374F7;
			font-size: 28rpx;
			.uniui-plusempty {
				font-weight: bold;
				margin-right: 6rpx;
				flex-grow: 0;
				margin-left: 0;
			}
		}
		.info-block {
			width: 690rpx;
			height: 240rpx;
			border-radius: 10rpx;
			margin-bottom: 4rpx;
			padding: 0 30rpx 40rpx;
			&:nth-child(odd) {
				background-color: #fff;
			}
			&:nth-child(even) {
				background-color: #F5F5F5;
			}

			&:last-child {
				margin-bottom: 0;
			}

			.member-info {
				flex-wrap: wrap;
				padding-top: 32rpx;
				padding-bottom: 23rpx;
				.member-info-item {
					width: 50%;
					height: 40rpx;
					line-height: 40rpx;
					font-size: 24rpx;
					margin-bottom: 15rpx;
					flex-shrink: 0;
					&:nth-child(n+3) {
						margin-bottom: 0;
					}
					.ring-name{
						font-size: 28rpx;
						color: #333;
					}
					.info-title {
						color: #333;
					}

					.member-info-content {
						height: 40rpx;
						line-height: 40rpx;
						font-size: 24rpx;
						color: #666;
						.copy-icon{
							width: 37rpx;
							height: 37rpx;
							margin-left: 20rpx;
						}
					}
				}
			}
			.btn-wrap{
				padding: 0 10rpx;
			}
		}

		.btn {
			padding: 0 16rpx;
			height: 50rpx;
			background: #8DA4FF;
			border-radius: 6px;
			text-align: center;
			line-height: 50rpx;
			color: #fff;
			font-size: 24rpx;
		}

		.btn-large {
			height: 60rpx;
			line-height: 60rpx;
			font-size: 28rpx;
			border-radius: 10rpx;
		}

		.member-list {
			margin-top: 4rpx;
			max-height: 1000rpx;
			overflow: auto;
		}
		.see-more{
			height: 98rpx;
			line-height: 98rpx;
			text-align: center;
			color: #5374F7;
			font-size: 24rpx;
			.more-arrow{
				transform: rotate(90deg);
				margin-left: 20rpx;
				transform-origin: center center;
				margin-top: 6rpx;
			}
		}
		.no-more{
			height: 98rpx;
			line-height: 98rpx;
			text-align: center;
			color: #999;
			font-size: 22rpx;
		}
		.ring-top{
			height: 116rpx;
			padding-right:30rpx;
			.tab-nav{
				width: 420rpx;
				padding: 0;
				height: 100%;
			}
		}
	}